<template>
<f7-panel left reveal>
  <f7-block class="user-info">
    <f7-link close-panel href="/my/info/">
      <img class="panel-img" src="/static/main/img/user.png">
    </f7-link>
    <div>你好，咩女客户</div>
  </f7-block>
  </f7-link>
  <f7-list>
    <f7-list-item link-close-panel link="/my/order/" title="我的订单"></f7-list-item>
    <f7-list-item link-close-panel link="/my/care/" title="我的关注"></f7-list-item>
    <f7-list-item link-close-panel link="/my/addr/" title="送货地址"></f7-list-item>
    <f7-list-item link-close-panel link="/my/info/" title="我的资料"></f7-list-item>
    <f7-list-item link-close-panel link="/my/pwd/" title="修改密码"></f7-list-item>
  </f7-list>
</f7-panel>
</template>

<script>
export default {
  name: 'app-left-panel',
}
</script>

<style lang="scss">
.panel-left {
  background-color: #fff;

  .user-info {
    text-align: center;

    .panel-img {
      width: 80px;
      height: 80px;
      border-radius: 40px;
      border: 1px solid #757575;
    }
  }
}
</style>
